/**
 * This file is part of the PHPLucidFrame library.
 * Framework foundation CSS Document for responsive
 *
 * @package     PHPLucidFrame\Core
 * @since       PHPLucidFrame v 1.0.0
 * @copyright   Copyright (c), PHPLucidFrame.
 * @link        http://phplucidframe.com
 * @license     http://www.opensource.org/licenses/mit-license.php MIT License
 *
 * This source file is subject to the MIT license that is bundled
 * with this source code in the file LICENSE
 */

@media screen and ( min-width : 1406px ) {
    /* Desktop extra large */
}

@media screen and ( min-width : 1216px ) {
    /* Desktop large */
}

@media screen and ( min-width : 1024px ) {
    /* Desktop */
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    /* Tablet */
}

@media screen and ( max-width : 768px ) {
    /* Mobile */
    .container {
        width: auto;
    }
}

@media screen and ( max-width : 576px ) {
    /* Mobile */
    textarea {
        display: block;
    }

    .fluid-25,
    .fluid-30,
    .fluid-35,
    .fluid-40,
    .fluid-45,
    .fluid-50,
    .fluid-75,
    .fluid-100 {
        width: 100%;
    }

    .lc-form-input.fluid-25,
    .lc-form-input.fluid-30,
    .lc-form-input.fluid-35,
    .lc-form-input.fluid-40,
    .lc-form-input.fluid-45,
    .lc-form-input.fluid-50,
    .lc-form-input.fluid-75,
    .lc-form-input.fluid-100 {
        width: calc(100% - 22px);
    }

    table.form {
        width: 100%;
    }

    table.form td {
        display: block;
    }

    table.form td.label-separator {
        display: none;
        border: none;
    }

    table.form td.entry {
        padding-left: 0;
        padding-top: 2px;
        min-height: 22px;
    }

    table.form tr.label-only td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    table.form tr.label-only td.label {
        padding-top: 9px;
    }

    table.form tr.label-only td.entry {
        padding-bottom: 9px;
        min-height: auto;
    }

    #overlay #processing, #page-loading #processing {
        left: 10%;
    }
}
